﻿/***| general |****************************************************************/

body           { font-family:Calibri; font-size:.65em; }
a              { text-decoration:none; }
input, select  { border:solid 1px #000; width:95%; }
input[type=checkbox] { border:0; width:auto; }
input.required { border-left:3px solid #c00; padding-left:.25em; }
label          { font-weight:bold; margin-right:.5em; }

/** 
 * Dir:   N NE  E SE  S SW  W NW
 * Thin:  á  ä  à  æ  â  å  ß  ã
 * Thick: é  ì  è  î  ê  í  ç  ë
 */
.arrow, .accentchar { color:#49b600; font-weight:bold; } 
.web   { font-family:webdings; }
.arrow, .wing1 { font-family:wingdings; } 
.wing2 { font-family:wingdings 2; } 
.wing3 { font-family:wingdings 3; } 
.debug { display:none; }
.error { color:#c00; }


/***| main |*******************************************************************/

body#main { background:#000 url(../img/bg-green.png) no-repeat fixed top left; height:180px; margin:0; }
body#main, #main #container { overflow:hidden; }
body#main, #main .controlPanel #header, #main #container { width:126px; }

#main a      { color:#80c0de; }
#main a.name { font-weight:bold; padding-left:2px; text-decoration:none; }

#main .controlPanel a                { cursor:pointer; filter:alpha(opacity=50); }
#main .controlPanel a:hover, #main .controlPanel a:active { filter:none; }
#main .controlPanel img              { border:0; }
#main .controlPanel #header          { height:5px; padding:3px 6px 0 5px; text-align:right; vertical-align:middle; }
#main .controlPanel #header #post    { color:#80c0de; display:none; filter:none; float:left; text-decoration:none; width:50px; }
#main .controlPanel #header #updateIcon { display:none; float:left; }
#main .controlPanel #header h1       { color:#80c0de; display:inline; float:right; font-size:1.1em; margin:0; }
#main .controlPanel #header #refresh { display:none; height:9px; margin-right:.25em; vertical-align:middle; width:9px; }
#main .controlPanel #resize          { left:90px; position:relative; top:-2px; }
#main .controlPanel #resize a        { background-color:#000; border:solid 1px #80c0de; font-size:0; margin-right:5px; position:relative; width:5px; }
#main .controlPanel #resize #size1   { height:5px; top:-2px; z-index:193; }
#main .controlPanel #resize #size2   { height:6px; top:-1px; z-index:194; }
#main .controlPanel #resize #size3   { height:7px;           z-index:195; }

#main #container { height:155px; }
#main #content   { font-size:1.15em; padding:0 3px; color:#fff; }

#main .time  { float:right; padding-right:4px; }
#main .entry { border-bottom:dotted 1px #000000; padding:1px 1px 4px 1px; z-index:89; }

#main #alert    { text-align:center; }
#main #alertmsg { background-color:#eee; color:#333; margin:0 .35em; padding:.15em; }
#main #alertimg { display:block; margin:.1em 2em 0 0; text-align:right; }

#main #twitterLogo { filter:alpha(opacity=25); left:5px; position:absolute; top:160px; z-index:6; }
#main #twitterLogo img { border:0; }
#main #scroll      { display:none; left:103px; position:absolute; top:136px; width:20px; }
#main #scroll img  { display:block; filter:alpha(opacity=25); z-index:5; }
                                                        

/***| message |****************************************************************/

body#message      { font:.65em Calibri; height:150px; margin:0; padding:0; width:210px; }
#message h1       { color:#80c0de; display:inline; font-size:1.25em; padding:.25em; }
#message a        { color:#e6f7fc; text-decoration:none; }
#message textarea { border:solid 1px #fff; }

#message .content   { left:1em; overflow:hidden; position:absolute; top:1em; width:18em; }
#message #charsLeft { float:right; font-family:Georgia; font-size:1.15em; font-weight:bold; }

#message textarea, #message #successMessage 
	{ background:#ccc url(../img/chirpie_left_wow_128x.png) no-repeat scroll 95px -15px; font:1.1em Calibri; height:5em; overflow:hidden; padding:.25em; width:95%; }
#message #successMessage { background-color:#333; background-image:url(../img/chirpie_left_bob_128x.png); color:#e6f7fc; border:solid 1px #999; }
#message #infoMessage    { margin:.75em; }
#message #infoMessage.error a       { color:#fcc; text-decoration:underline; }
#message #infoMessage.error a:hover { text-decoration:none; }

#message #buttons          { margin:.5em; }
#message #postLink, #message #cancelLink { font-weight:bold; margin:.25em 1.5em; }
#message #postLink         { float:left; }
#message #cancelLink       { float:right; }
#message #postLink:hover   { color:#0c0; }
#message #cancelLink:hover { color:#c00; }


/***| settings |***************************************************************/

body#settings { font-size:.85em; height:300px; margin:0; padding:0; width:250px; }

#settings a       .tooltip { background-color:#ccc; border:solid 1px #999; color:#333; display:none; font-weight:normal; height:150px; left:25px; position:absolute; text-align:center; top:75px; width:200px; }
#settings a       .tooltip label { color:#000; display:block; font-weight:bold; }
#settings a:hover .tooltip { display:block; }

#settings #menu         { margin:2em .5em; padding:.5em; text-align:center; }
#settings .button       { display:inline; height:64px; margin:.35em; width:64px; }
#settings .button a img { border:0; }
#settings .button:hover {  }

#settings #region                 { display:none; text-align:center; }
#settings #region h1              { background:transparent url(../img/settingshead.png) no-repeat; color:#fff; font-family:Segoe UI; font-size:1em; font-weight:normal; margin:0 3px 1.5em 3px; overflow:hidden; padding:.5em; text-align:left; }
#settings #region h1 img          { float:right; }
#settings #region h1 a            { color:#0c0; margin-right:.5em; }
#settings #region h1 a:hover      { color:#0f0; }
#settings .region                 { display:none; width:225px; }
#settings .region h2              { font-size:1em; margin-bottom:.5em; }
#settings .region a               { color:#000; text-decoration:none; }
#settings .region a:hover         { color:#0c0; }
#settings .region a.accentchar, #settings .region a.accentchar:hover { color:#49b600; }
#settings .region div             { margin:0 0 .5em 0; }
#settings .region .formrow        { text-align:left; }
#settings .region .formrow label  { display:block; }
#settings .region a.info          { float:right; }
#settings .region a.info .hidden  { display:none; }
#settings .region a.info:active .hidden, #settings .region a.info:hover .hidden { display:inline; }

#settings #logRegion {}
#settings #logRegion #logSuccessMessage, #settings #logRegion #logFailureMessage { font-weight:bold; text-decoration:underline; }
#settings #logRegion #logSuccessMessage { color:#090; }
#settings #logRegion #logFailureMessage { color:#900; }
#settings #logRegion #logStart   { white-space:nowrap; }
#settings #logTable             { font-size:.85em; height:175px; margin:0 0 .25em 0; overflow:auto; padding:0; text-align:left; }
#settings #logTable li          { background-color:#ccc; border:solid 1px #999; list-style-type:none; margin:.25em .25em .25em -3em; padding:.25em; }
#settings #logTable li div span { font-weight:bold; margin:auto 2px; }
#settings #logTable .action     { float:left; }
#settings #logTable .page       { clear:both; color:#2b91af; display:block; font-family:consolas; font-size:.8em; margin-left:1em; }
#settings #logTable .function   { color:#00f; font-family:consolas; font-size:.85em; }
#settings #logTable .date       { text-align:right; }
#settings #logTable .desc       { }
#settings #logTable .success    { background-color:#cfc; border-color:#090; }
#settings #logTable .failed     { background-color:#fcc; border-color:#900; }
#settings #logTable #logSplash  { background-color:#444; border:solid 1px #333; color:#ccc; height:90%; text-align:center; }
#settings #logTable #logSplash a { color:#fff; display:block; font-size:1.25em; margin:10% auto; }
#settings #logTable #logSplash a:hover { color:#0c0; }
#settings #logTable #logSplash a span { font-size:1.5em; vertical-align:middle; }
                                                 
#settings #info           { background-color:#ccc; border:solid 1px #000; display:none; font-size:.9em; font-style:italic; margin:.5em; padding:.25em; }
#settings #info.error     { background-color:#fcc; border-color:#900; }
#settings #info.note      { background-color:#cfc; border-color:#090; }
